@ibiz-template-plugin/ibiz-file-previewer 0.0.23 → 0.0.25

package/dist/index.es.js

@@ -1245,20 +1245,20 @@ var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof win
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
-function assertPath(path2) {
-  if (typeof path2 !== "string") {
-    throw new TypeError("Path must be a string. Received " + JSON.stringify(path2));
+function assertPath(path) {
+  if (typeof path !== "string") {
+    throw new TypeError("Path must be a string. Received " + JSON.stringify(path));
   }
 }
-function normalizeStringPosix(path2, allowAboveRoot) {
+function normalizeStringPosix(path, allowAboveRoot) {
   var res = "";
   var lastSegmentLength = 0;
   var lastSlash = -1;
   var dots = 0;
   var code;
-  for (var i2 = 0; i2 <= path2.length; ++i2) {
-    if (i2 < path2.length)
-      code = path2.charCodeAt(i2);
+  for (var i2 = 0; i2 <= path.length; ++i2) {
+    if (i2 < path.length)
+      code = path.charCodeAt(i2);
     else if (code === 47)
       break;
     else
@@ -1298,9 +1298,9 @@ function normalizeStringPosix(path2, allowAboveRoot) {
         }
       } else {
         if (res.length > 0)
-          res += "/" + path2.slice(lastSlash + 1, i2);
+          res += "/" + path.slice(lastSlash + 1, i2);
         else
-          res = path2.slice(lastSlash + 1, i2);
+          res = path.slice(lastSlash + 1, i2);
         lastSegmentLength = i2 - lastSlash - 1;
       }
       lastSlash = i2;
@@ -1331,20 +1331,20 @@ var posix = {
     var resolvedAbsolute = false;
     var cwd;
     for (var i2 = arguments.length - 1; i2 >= -1 && !resolvedAbsolute; i2--) {
-      var path2;
+      var path;
       if (i2 >= 0)
-        path2 = arguments[i2];
+        path = arguments[i2];
       else {
         if (cwd === void 0)
           cwd = process.cwd();
-        path2 = cwd;
+        path = cwd;
       }
-      assertPath(path2);
-      if (path2.length === 0) {
+      assertPath(path);
+      if (path.length === 0) {
         continue;
       }
-      resolvedPath = path2 + "/" + resolvedPath;
-      resolvedAbsolute = path2.charCodeAt(0) === 47;
+      resolvedPath = path + "/" + resolvedPath;
+      resolvedAbsolute = path.charCodeAt(0) === 47;
     }
     resolvedPath = normalizeStringPosix(resolvedPath, !resolvedAbsolute);
     if (resolvedAbsolute) {
@@ -1358,20 +1358,20 @@ var posix = {
       return ".";
     }
   },
-  normalize: function normalize(path2) {
-    assertPath(path2);
-    if (path2.length === 0) return ".";
-    var isAbsolute2 = path2.charCodeAt(0) === 47;
-    var trailingSeparator = path2.charCodeAt(path2.length - 1) === 47;
-    path2 = normalizeStringPosix(path2, !isAbsolute2);
-    if (path2.length === 0 && !isAbsolute2) path2 = ".";
-    if (path2.length > 0 && trailingSeparator) path2 += "/";
-    if (isAbsolute2) return "/" + path2;
-    return path2;
+  normalize: function normalize(path) {
+    assertPath(path);
+    if (path.length === 0) return ".";
+    var isAbsolute2 = path.charCodeAt(0) === 47;
+    var trailingSeparator = path.charCodeAt(path.length - 1) === 47;
+    path = normalizeStringPosix(path, !isAbsolute2);
+    if (path.length === 0 && !isAbsolute2) path = ".";
+    if (path.length > 0 && trailingSeparator) path += "/";
+    if (isAbsolute2) return "/" + path;
+    return path;
   },
-  isAbsolute: function isAbsolute(path2) {
-    assertPath(path2);
-    return path2.length > 0 && path2.charCodeAt(0) === 47;
+  isAbsolute: function isAbsolute(path) {
+    assertPath(path);
+    return path.length > 0 && path.charCodeAt(0) === 47;
   },
   join: function join() {
     if (arguments.length === 0)
@@ -1457,18 +1457,18 @@ var posix = {
       return to.slice(toStart);
     }
   },
-  _makeLong: function _makeLong(path2) {
-    return path2;
+  _makeLong: function _makeLong(path) {
+    return path;
   },
-  dirname: function dirname(path2) {
-    assertPath(path2);
-    if (path2.length === 0) return ".";
-    var code = path2.charCodeAt(0);
+  dirname: function dirname(path) {
+    assertPath(path);
+    if (path.length === 0) return ".";
+    var code = path.charCodeAt(0);
     var hasRoot = code === 47;
     var end = -1;
     var matchedSlash = true;
-    for (var i2 = path2.length - 1; i2 >= 1; --i2) {
-      code = path2.charCodeAt(i2);
+    for (var i2 = path.length - 1; i2 >= 1; --i2) {
+      code = path.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           end = i2;
@@ -1480,21 +1480,21 @@ var posix = {
     }
     if (end === -1) return hasRoot ? "/" : ".";
     if (hasRoot && end === 1) return "//";
-    return path2.slice(0, end);
+    return path.slice(0, end);
   },
-  basename: function basename(path2, ext) {
+  basename: function basename(path, ext) {
     if (ext !== void 0 && typeof ext !== "string") throw new TypeError('"ext" argument must be a string');
-    assertPath(path2);
+    assertPath(path);
     var start = 0;
     var end = -1;
     var matchedSlash = true;
     var i2;
-    if (ext !== void 0 && ext.length > 0 && ext.length <= path2.length) {
-      if (ext.length === path2.length && ext === path2) return "";
+    if (ext !== void 0 && ext.length > 0 && ext.length <= path.length) {
+      if (ext.length === path.length && ext === path) return "";
       var extIdx = ext.length - 1;
       var firstNonSlashEnd = -1;
-      for (i2 = path2.length - 1; i2 >= 0; --i2) {
-        var code = path2.charCodeAt(i2);
+      for (i2 = path.length - 1; i2 >= 0; --i2) {
+        var code = path.charCodeAt(i2);
         if (code === 47) {
           if (!matchedSlash) {
             start = i2 + 1;
@@ -1518,11 +1518,11 @@ var posix = {
         }
       }
       if (start === end) end = firstNonSlashEnd;
-      else if (end === -1) end = path2.length;
-      return path2.slice(start, end);
+      else if (end === -1) end = path.length;
+      return path.slice(start, end);
     } else {
-      for (i2 = path2.length - 1; i2 >= 0; --i2) {
-        if (path2.charCodeAt(i2) === 47) {
+      for (i2 = path.length - 1; i2 >= 0; --i2) {
+        if (path.charCodeAt(i2) === 47) {
           if (!matchedSlash) {
             start = i2 + 1;
             break;
@@ -1533,18 +1533,18 @@ var posix = {
         }
       }
       if (end === -1) return "";
-      return path2.slice(start, end);
+      return path.slice(start, end);
     }
   },
-  extname: function extname(path2) {
-    assertPath(path2);
+  extname: function extname(path) {
+    assertPath(path);
     var startDot = -1;
     var startPart = 0;
     var end = -1;
     var matchedSlash = true;
     var preDotState = 0;
-    for (var i2 = path2.length - 1; i2 >= 0; --i2) {
-      var code = path2.charCodeAt(i2);
+    for (var i2 = path.length - 1; i2 >= 0; --i2) {
+      var code = path.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           startPart = i2 + 1;
@@ -1570,7 +1570,7 @@ var posix = {
     preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
       return "";
     }
-    return path2.slice(startDot, end);
+    return path.slice(startDot, end);
   },
   format: function format(pathObject) {
     if (pathObject === null || typeof pathObject !== "object") {
@@ -1578,11 +1578,11 @@ var posix = {
     }
     return _format("/", pathObject);
   },
-  parse: function parse(path2) {
-    assertPath(path2);
+  parse: function parse(path) {
+    assertPath(path);
     var ret = { root: "", dir: "", base: "", ext: "", name: "" };
-    if (path2.length === 0) return ret;
-    var code = path2.charCodeAt(0);
+    if (path.length === 0) return ret;
+    var code = path.charCodeAt(0);
     var isAbsolute2 = code === 47;
     var start;
     if (isAbsolute2) {
@@ -1595,10 +1595,10 @@ var posix = {
     var startPart = 0;
     var end = -1;
     var matchedSlash = true;
-    var i2 = path2.length - 1;
+    var i2 = path.length - 1;
     var preDotState = 0;
     for (; i2 >= start; --i2) {
-      code = path2.charCodeAt(i2);
+      code = path.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           startPart = i2 + 1;
@@ -1621,20 +1621,20 @@ var posix = {
     preDotState === 0 || // The (right-most) trimmed path component is exactly '..'
     preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
       if (end !== -1) {
-        if (startPart === 0 && isAbsolute2) ret.base = ret.name = path2.slice(1, end);
-        else ret.base = ret.name = path2.slice(startPart, end);
+        if (startPart === 0 && isAbsolute2) ret.base = ret.name = path.slice(1, end);
+        else ret.base = ret.name = path.slice(startPart, end);
       }
     } else {
       if (startPart === 0 && isAbsolute2) {
-        ret.name = path2.slice(1, startDot);
-        ret.base = path2.slice(1, end);
+        ret.name = path.slice(1, startDot);
+        ret.base = path.slice(1, end);
       } else {
-        ret.name = path2.slice(startPart, startDot);
-        ret.base = path2.slice(startPart, end);
+        ret.name = path.slice(startPart, startDot);
+        ret.base = path.slice(startPart, end);
       }
-      ret.ext = path2.slice(startDot, end);
+      ret.ext = path.slice(startDot, end);
     }
-    if (startPart > 0) ret.dir = path2.slice(0, startPart - 1);
+    if (startPart > 0) ret.dir = path.slice(0, startPart - 1);
     else if (isAbsolute2) ret.dir = "/";
     return ret;
   },
@@ -1644,39 +1644,40 @@ var posix = {
   posix: null
 };
 posix.posix = posix;
-var pathBrowserify = posix;
-const path = /* @__PURE__ */ getDefaultExportFromCjs(pathBrowserify);
-class StaticResource {
+class EventEmitter {
+  constructor() {
+    __publicField(this, "handlers", {});
+  }
   /**
-   * 静态资源工具类
-   * @param mateUrl
+   * 订阅事件
+   * @param event 事件名
+   * @param handler 处理函数
+   * @returns 取消订阅函数
    */
-  constructor(mateUrl) {
-    /**
-     * 是否为 http || https 开头
-     */
-    __publicField(this, "urlReg", /^http[s]?:\/\/[^\s]*/);
-    /**
-     * 计算出的静态资源跟路径
-     */
-    __publicField(this, "baseDir");
-    /**
-     * mete 路径解析对象
-     */
-    __publicField(this, "url");
-    this.url = new URL(mateUrl);
-    this.baseDir = path.dirname(this.url.pathname || this.url.hostname);
+  on(event, handler) {
+    if (!this.handlers[event]) {
+      this.handlers[event] = /* @__PURE__ */ new Set();
+    }
+    this.handlers[event].add(handler);
+    return () => this.off(event, handler);
   }
   /**
-   * 合并输出静态资源目录
-   * @param pathStr
-   * @returns
+   * 取消订阅事件
+   * @param event 事件名
+   * @param handler 处理函数
    */
-  dir(pathStr) {
-    if (this.urlReg.test(pathStr)) {
-      return pathStr;
-    }
-    return this.url.origin + path.resolve(this.baseDir, pathStr);
+  off(event, handler) {
+    var _a;
+    (_a = this.handlers[event]) == null ? void 0 : _a.delete(handler);
+  }
+  /**
+   * 派发事件
+   * @param event 事件名
+   * @param payload 载荷
+   */
+  emit(event, payload) {
+    var _a;
+    (_a = this.handlers[event]) == null ? void 0 : _a.forEach((handler) => handler(payload));
   }
 }
 var f = 0;
@@ -2288,7 +2289,7 @@ const FilePreviewImage = (props) => {
         onMouseDown: (evt) => controller.handleMouseDown(evt)
       }
     ),
-    /* @__PURE__ */ u(Teleport, { to: "#custom-controls", children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
+    /* @__PURE__ */ u(Teleport, { to: "#".concat(controller.controlsId), children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
       /* @__PURE__ */ u(
         "button",
         {
@@ -6159,12 +6160,12 @@ var dist = { exports: {} };
                 /* harmony export */
               });
               var _util_addStyle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__2(290);
-              var setContentTheme = function(contentTheme, path2) {
-                if (!contentTheme || !path2) {
+              var setContentTheme = function(contentTheme, path) {
+                if (!contentTheme || !path) {
                   return;
                 }
                 var vditorContentTheme = document.getElementById("vditorContentTheme");
-                var cssPath = "".concat(path2, "/").concat(contentTheme, ".css");
+                var cssPath = "".concat(path, "/").concat(contentTheme, ".css");
                 if (!vditorContentTheme) {
                   (0, _util_addStyle__WEBPACK_IMPORTED_MODULE_0__.c)(cssPath, "vditorContentTheme");
                 } else if (vditorContentTheme.getAttribute("href") !== cssPath) {
@@ -6191,12 +6192,12 @@ var dist = { exports: {} };
                 )
                 /* harmony export */
               });
-              var addScriptSync = function(path2, id) {
+              var addScriptSync = function(path, id) {
                 if (document.getElementById(id)) {
                   return false;
                 }
                 var xhrObj = new XMLHttpRequest();
-                xhrObj.open("GET", path2, false);
+                xhrObj.open("GET", path, false);
                 xhrObj.setRequestHeader("Accept", "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01");
                 xhrObj.send("");
                 var scriptElement = document.createElement("script");
@@ -6205,14 +6206,14 @@ var dist = { exports: {} };
                 scriptElement.id = id;
                 document.head.appendChild(scriptElement);
               };
-              var addScript = function(path2, id) {
+              var addScript = function(path, id) {
                 return new Promise(function(resolve2, reject) {
                   if (document.getElementById(id)) {
                     resolve2(true);
                     return false;
                   }
                   var scriptElement = document.createElement("script");
-                  scriptElement.src = path2;
+                  scriptElement.src = path;
                   scriptElement.async = true;
                   document.head.appendChild(scriptElement);
                   scriptElement.onerror = function(event) {
@@ -10891,30 +10892,30 @@ var dist = { exports: {} };
             }
             var succFileText = "";
             Object.keys(response.data.succMap).forEach(function(key) {
-              var path2 = response.data.succMap[key];
+              var path = response.data.succMap[key];
               var lastIndex = key.lastIndexOf(".");
               var type = key.substr(lastIndex);
               var filename = vditor.options.upload.filename(key.substr(0, lastIndex)) + type;
               type = type.toLowerCase();
               if (type.indexOf(".wav") === 0 || type.indexOf(".mp3") === 0 || type.indexOf(".ogg") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path2, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path2, '"></audio></pre></div>\n');
+                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path, '"></audio></pre></div>\n');
                 } else if (vditor.currentMode === "ir") {
-                  succFileText += '<audio controls="controls" src="'.concat(path2, '"></audio>\n');
+                  succFileText += '<audio controls="controls" src="'.concat(path, '"></audio>\n');
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
                 }
               } else if (type.indexOf(".apng") === 0 || type.indexOf(".bmp") === 0 || type.indexOf(".gif") === 0 || type.indexOf(".ico") === 0 || type.indexOf(".cur") === 0 || type.indexOf(".jpg") === 0 || type.indexOf(".jpeg") === 0 || type.indexOf(".jfif") === 0 || type.indexOf(".pjp") === 0 || type.indexOf(".pjpeg") === 0 || type.indexOf(".png") === 0 || type.indexOf(".svg") === 0 || type.indexOf(".webp") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path2, '">\n');
+                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path, '">\n');
                 } else {
-                  succFileText += "![".concat(filename, "](").concat(path2, ")\n");
+                  succFileText += "![".concat(filename, "](").concat(path, ")\n");
                 }
               } else {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<a href="'.concat(path2, '">').concat(filename, "</a>\n");
+                  succFileText += '<a href="'.concat(path, '">').concat(filename, "</a>\n");
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
                 }
               }
             });
@@ -16904,7 +16905,6 @@ const FilePreviewMD = (props) => {
   const c2 = props.controller;
   const vditorEditor = A();
   const previewRef = A(null);
-  const staticResource = new StaticResource(import.meta.url);
   const MAX_INIT_LENGTH = 2e3;
   const CHUNK_SIZE = 2e3;
   const content = c2.state.value.content;
@@ -16986,13 +16986,12 @@ const FilePreviewMD = (props) => {
             insertNextChunk();
           });
         }
-      },
-      cdn: "".concat(staticResource.dir("./vditor"))
+      }
     });
   }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-md ".concat(c2.state.value.theme), children: [
     /* @__PURE__ */ u("div", { ref: previewRef }),
-    /* @__PURE__ */ u(Teleport, { to: "#custom-controls", children: /* @__PURE__ */ u("button", { title: "目录", className: "control-btn", onClick: onOutline, children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(ThumbnailSvg, {}) }) }) })
+    /* @__PURE__ */ u(Teleport, { to: "#".concat(c2.controlsId), children: /* @__PURE__ */ u("button", { title: "目录", className: "control-btn", onClick: onOutline, children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(ThumbnailSvg, {}) }) }) })
   ] });
 };
 function deepFreeze(obj) {
@@ -19251,6 +19250,14 @@ const FilePreviewImageGroup = (props) => {
       observer.disconnect();
     };
   }, []);
+  y$1(() => {
+    const unsubscribe = controller.events.on("goToPage", (page) => {
+      scrollToPage(page);
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-image-group", children: [
     /* @__PURE__ */ u(
       "div",
@@ -19313,7 +19320,7 @@ const FilePreviewImageGroup = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ u(Teleport, { to: "#custom-controls", children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
+    /* @__PURE__ */ u(Teleport, { to: "#".concat(controller.controlsId), children: /* @__PURE__ */ u("div", { className: "image-toolbar-container", children: [
       /* @__PURE__ */ u(
         "button",
         {
@@ -19534,7 +19541,7 @@ const FilePreviewShell = (props) => {
         ] })
       ] }),
       /* @__PURE__ */ u("div", { className: "preview-controls", children: [
-        /* @__PURE__ */ u("div", { className: "custom-controls", id: "custom-controls" }),
+        /* @__PURE__ */ u("div", { className: "custom-controls", id: controller.controlsId }),
         /* @__PURE__ */ u(
           "button",
           {
@@ -19578,7 +19585,9 @@ const FilePreviewShell = (props) => {
           children: state.value.isCreated && controller.preViewComp && controller.preViewController ? _$2(controller.preViewComp, {
             controller: controller.preViewController,
             onInitialization: () => {
+              var _a, _b;
               controller.updateState({ isLoading: false });
+              (_b = (_a = controller.getOptions()).onInitialized) == null ? void 0 : _b.call(_a);
             }
           }) : null
         }
@@ -19597,9 +19606,19 @@ class FilePreviewItemController {
      * 状态
      */
     __publicField(this, "state", d$1({}));
+    /**
+     * 事件对象，用于向组件派发瞬时动作事件
+     */
+    __publicField(this, "events", new EventEmitter());
     this.filePreviewShell = filePreviewShell;
     this.initState();
   }
+  /**
+   * 工具栏容器唯一 id（代理自 shell controller）
+   */
+  get controlsId() {
+    return this.filePreviewShell.controlsId;
+  }
   /**
    * 更新状态
    * - 所有的状态更新必须调用该方法，以便界面响应
@@ -19778,6 +19797,22 @@ class FilePreviewImageGroupController extends FilePreviewImageController {
     const { showThumbnailPanel } = this.state.value;
     this.updateState({ showThumbnailPanel: !showThumbnailPanel });
   }
+  /**
+   * 跳转至指定页（0-based）
+   * - 越界或内容未加载时静默忽略
+   * - 同步更新 currentPage，并派发 goToPage 事件由组件执行滚动
+   * @param page 目标页索引
+   */
+  goToPage(page) {
+    setTimeout(() => {
+      const { total } = this.state.value;
+      if (!Number.isInteger(page) || total <= 0 || page < 0 || page >= total) {
+        return;
+      }
+      this.updateState({ currentPage: page });
+      this.events.emit("goToPage", page);
+    }, 0);
+  }
   /**
    * 处理旋转角度改变
    * @param value
@@ -20687,6 +20722,7 @@ class FilePreviewItemDispatcher {
  * 引擎预览组件映射表
  */
 __publicField(FilePreviewItemDispatcher, "enginePreviewMap", /* @__PURE__ */ new Map());
+let filePreviewInstanceId = 0;
 class FilePreviewShellController {
   /**
    * 构造函数
@@ -20705,6 +20741,11 @@ class FilePreviewShellController {
      * 文件预览控制器
      */
     __publicField(this, "preViewController");
+    /**
+     * 当前实例工具栏容器唯一 id（不带 #）
+     * - 构造时确定，生命周期内不变
+     */
+    __publicField(this, "controlsId");
     /**
      * 文件预览器状态对象
      */
@@ -20726,6 +20767,8 @@ class FilePreviewShellController {
     if (options.theme) this.updateState({ theme: options.theme });
     FilePreviewItemDispatcher.initialize();
     this.getState = this.getState.bind(this);
+    filePreviewInstanceId += 1;
+    this.controlsId = "custom-controls-".concat(filePreviewInstanceId);
   }
   /**
    * 更新状态
@@ -20911,6 +20954,17 @@ class FilePreviewShellController {
     this.mountComponent();
     this.updateState({ isCreated: true });
   }
+  /**
+   * 跳转至目标页
+   * - 仅对图片组场景生效，其它场景忽略
+   * - 页码为 0-based
+   * @param page 目标页索引
+   */
+  goToPage(page) {
+    if (this.preViewController instanceof FilePreviewImageGroupController) {
+      this.preViewController.goToPage(page);
+    }
+  }
 }
 export {
   ActionType,